<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <meta name="format-detection" content="telephone=no"/>
    <title>产品详情</title>
    <link rel="stylesheet" href="{{asset('css/moe.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/scroll/demo.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/scroll/jquery.jscrollpane.css')}}"/>
    <!--SWIPER-->
    <link rel="stylesheet" href="{{asset('assets/css/swiper.min.css')}}"/>
    <!--样式-->
    <link rel="stylesheet" href="{{asset('assets/css/base.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/common.css')}}"/>
    <!--弹窗-->
    <link rel="stylesheet" href="{{asset('assets/css/pop-up.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/pro-details.css')}}"/>

    <link rel="stylesheet" href="{{asset('assets/css/active.css')}}"/>

    <!--media-->
    <link rel="stylesheet" href="{{asset('assets/css/media/common.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/media/pro.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/media/common-m.css')}}"/>
    <link rel="stylesheet" href="{{asset('assets/css/media/pro-m.css')}}"/>

</head>
<body>
<div class="container">
    <div class="container-common clearfix">

        <div class="container-common-top clearfix">

            <div class="container-common-top-fl fl"><a class="a-href" href="{{route('index')}}">LOGO</a></div>
            <div class="container-common-top-fr fr"><img class="container-common-top-fr-img"
                                                         src="{{asset('assets/img/common/tel.png')}}"/><span
                        class="com-x1">{{$about_texts['右上角电话']}}</span></div>
        </div>
        <div class="container-common-nav"><img class="navc navc1" src="{{asset('assets/img/common/navc.png')}}"/> <img
                    class="navc hide navc2" src="{{asset('assets/img/common/nav-err.png')}}"/></div>
        <div class="pro-container pagees">
            <!--产品中心-->
            <div class="pro-container-top">
                <div class="share-item clearfix hide">
                    <div class="share-item- fl">产品列表分享</div>
                    <div class="share-item- fl">产品图片分享</div>
                </div>
                <div class="pro-container-top-t1">产品中心

                </div>
                <div class="pro-container-top-nav clearfix">
                    <div class="nav-fl fl">about us</div>
                    <div class="nav-fr-pc nav-fr fr clearfix ">
                        <div class="nav nav-active fl" data-id="0">全部</div>
                        @foreach($get_item as $item)
                            <div class="nav fl nav-set" data-id="{{$item->id}}">{{$item->name}}</div>
                        @endforeach
                    </div>

                    <!--手机-->
                    <div class="nav-fr-m nav-fr fr  clearfix hide">
                        <div class="swiper-container swiper-container6">
                            <div class="swiper-wrapper swiper-wrapper6">
                                <div class="swiper-slide swiper-slide6">
                                    <div class="nav nav-active fl" data-id="0">全部</div>
                                </div>
                                @foreach($get_item as $item)
                                    <div class="swiper-slide swiper-slide6">
                                        <div class="nav fl nav-set" data-id="{{$item->id}}">{{$item->name}}</div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pro-container-top-contaienr clearfix">
                    @foreach($get_all_alone as $alone)
                        <div class="pro-img-item fl" data-id="{{$alone->id}}"><a href="#">
                                <img class="pro-img-item-img"
                                     src="{{Storage::disk('uploads')->url($alone->show_img)}}"/>
                                <div class="zz-02">
                                    <div class="zz-02-t">{{$alone->title}}</div>
                                </div>
                                <div class="move-add-bottom-nav hide">{{$alone->zh_type}}</div>
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
            <!--联系我们-->
            <div class="pro-tel clearfix">
                <div class="about-tel-container-phone hide">
                    <div class="about-tel-fr ">
                        <div class="about-tel-fr-t1">{{$about_texts['公司名称']}}</div>
                        <div class="about-tel-fr-t2">{{$about_texts['公司电话']}}<span
                                    class="com-j1">{{$about_texts['公司传真']}}</span></div>
                        <div class="about-tel-fr-t2">{{$about_texts['公司地址']}}</div>
                    </div>
                    <div class="about-tel-nav-b clearfix">
                        <div class="about-tel-nav-b-fl about-tel-nav-b-fl01 fl"></div>
                        <div class="about-tel-nav-b-fl- fl">联系我们</div>
                        <div class="about-tel-nav-b-fl about-tel-nav-b-fl02 fr"></div>
                    </div>
                    <div class="about-tel-fl-01-c">
                        <div class="about-tel-fl-01-cp clearfix">
                            <div class="about-tel-input fl"><input class="inp01" id="int01" placeholder="某某某"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp clearfix">
                            <div class="about-tel-input fl"><input class="inp01" id="int02" placeholder="Emial"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp about-tel-fl-01-cp3 clearfix">
                            <div class="about-tel-input fl"><textarea class="inp01 inp03" id="int03"
                                                                      placeholder="内容"></textarea></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                    </div>
                    <div class="about-tel-fl-01-t2" onclick="submit()">发送</div>
                    <div class="banquan">{{$about_texts['备案']}}<br/>
                        {{$about_texts['版权']}}</div>

                </div>

                <div class="about-tel-fl about-tel-fl-01 fl">
                    <div class="about-tel-fl-01-c">
                        <div class="about-tel-fl-01-cp clearfix">
                            <div class="about-tel-input fl"><input class="inp01" id="int01" placeholder="某某某"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp clearfix">
                            <div class="about-tel-input fl"><input class="inp01" id="int02" placeholder="Emial"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp about-tel-fl-01-cp3 clearfix">
                            <div class="about-tel-input fl"><textarea class="inp01 inp03" id="int03"
                                                                      placeholder="内容"></textarea></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                    </div>
                    <div class="about-tel-fl-01-t2" onclick="submit()">发送</div>
                </div>
                <div class="about-tel-fr about-tel-fr-01 fr">
                    <div class="about-tel-fr-t1">{{$about_texts['公司名称']}}</div>
                    <div class="about-tel-fr-t2">{{$about_texts['公司电话']}}<span
                                class="com-j1">{{$about_texts['公司电话']}}</span></div>
                    <div class="about-tel-fr-t2">{{$about_texts['公司地址']}}</div>
                    <div class="about-tel-fr-t3 clearfix">
                        <div class="about-tel-fr-t3-fl fl clearfix">
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="{{route('about')}}">关于我们</a></div>
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="#">联系我们</a></div>
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="{{route('pro')}}">产品中心</a></div>
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="#">登录</a>/<a href="#">注册</a></div>
                            <div class="about-tel-fr-t3-fl-t1 fl"><a href="{{route('news')}}">最新资讯</a></div>
                        </div>
                        <div class="about-tel-fr-t3-fr fr"><img class="about-tel-fr-t3-fr-img"
                                                                src="{{Storage::disk('uploads')->url($about_texts['微信二维码'])}}"/>
                            <div class="about-tel-fr-t3-fr-01"><img src="{{asset('assets/img/index/p06-02.png')}}"/>扫一扫
                                了解更多
                            </div>
                        </div>
                    </div>
                    <div class="about-tel-fr-t4">{{$about_texts['备案']}} {{$about_texts['版权']}}</div>
                </div>
            </div>

            <!--返回顶部-->
            <div class="return-top hide"><img class="return-top-img" src="{{asset('assets/img/common/top.png')}}"/>
            </div>


        </div>
    </div>

    <div class="hide-nav hide op01 z-index01">
        <div class="hide-nav-fl-title">logo</div>
        <div class="hide-navs">
            <ul class="hide-navs-ul">
                <li class="navs-li "><a href="{{route('index')}}">首页</a></li>
                <li class="navs-li navs-li-active"><a href="{{route('pro')}}">产品中心</a></li>
                <li class="navs-li"><a href="{{route('about')}}">关于我们</a></li>
                <li class="navs-li "><a href="{{route('news')}}">最新资讯</a></li>
                <li class="navs-li lianxi"><a href="#">联系我们</a></li>
                <li class="navs-li"><a href="#">登录</a>/<a href="#">注册</a></li>
            </ul>
        </div>
    </div>

    <div class="pc-hide-nav ">
        <ul class="pc-hide-navs-ul">
            <li class="pc-navs-li "><a href="{{route('index')}}"><img class="pc-navs-li-img"
                                                                      src="{{asset('assets/img/common/nav-index.png')}}"/>首页</a>
            </li>
            <li class="pc-navs-li pc-navs-li-active"><a href="{{route('pro')}}">产品中心</a></li>
            <li class="pc-navs-li "><a href="{{route('about')}}">关于我们</a></li>
            <li class="pc-navs-li "><a href="{{route('news')}}">最新资讯</a></li>
            <li class="pc-navs-li lianxi"><a href="#">联系我们</a></li>
            <li class="pc-navs-li"><a href="">登录</a>/<a href="#">注册</a></li>
        </ul>
    </div>


    <div class="zz hide"></div>

    <!--产品弹出框-->
    <div class="zz6 hide"></div>

    <div class="tc-pro">
        <div class="zz6-err zz6-err-01"><img src="{{asset('assets/img/pro/pro-d1-err.png')}}"/></div>
        <div class="tc-pro-container">
            <div class="tc-pro-container-top clearfix">
                <div class="tc-pro-details-fl fl">
                    <div class="swiper-container swiper-container5 gallery-top gallery-top5">
                        <div class="swiper-wrapper swiper-wrapper5" id="image">
                            <div class="swiper-slide swiper-slide5"
                                 style="background-image:url({{asset('assets/img/pro/pro-d1-01.png')}})"></div>
                        </div>
                    </div>
                    <div class="swiper-container gallery-thumbs swiper-container5 gallery-thumbs5">
                        <div class="swiper-wrapper swiper-wrapper5" id="micro-img">
                            <div class="swiper-slide swiper-slide5"
                                 style="background-image:url({{asset('assets/img/pro/pro-d1-02.png')}})"></div>
                        </div>
                    </div>
                </div>
                <div class="tc-pro-details-fr fr">
                    <div class="tc-pro-details-fr-t1" id="title">{{--北欧伊姆斯餐椅洽谈书桌椅靠背凳子现代简约家用椅子--}}</div>
                    <div class="tc-pro-details-fr-t2">
                        <div class="tc-pro-details-fr-t2-01"><span class="com-p2">型号</span><span
                                    class="com-p1" id="type">{{--YZ0001--}}</span></div>
                        <div class="tc-pro-details-fr-t2-01"><span class="com-p2">材质</span><span class="com-p1" id="material">{{--整体榉木材质，坐垫+靠背皮质--}}</span>
                        </div>
                        <div class="tc-pro-details-fr-t2-01"><span class="com-p2">尺寸</span><span class="com-p1" id="size">{{--1000×800×1200mm--}}</span>
                        </div>
                        <div class="tc-pro-details-fr-t2-01"><span class="com-p2">颜色</span><span class="com-p1" id="color">{{--咖啡色，米白色，浅棕色，黑色--}}</span>
                        </div>
                        <div class="tc-pro-details-fr-t2-01"><span class="com-p2">包装尺寸</span><span class="com-p1" id="bag-type">{{--1300×1000×1500mm--}}</span>
                        </div>
                        <div class="share-along">产品图片分享</div>
                    </div>
                    <div class="tc-pro-details-fr-t3 clearfix">
                        <div class="tc-pro-details-fr-t3-fl fl">详细说明</div>
                        <div class="tc-pro-details-fr-t3-fr fl" id="de-de">
                            {{--内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容--}}
                        </div>
                    </div>
                </div>

            </div>
            <div class="fgx01"></div>
            <div class="fgx01 fgx02"></div>
            <div class="tc-pro-container-bot myxunpan">
                <div class="tc-pro-container-bot-t1 ">我的询盘</div>
                <div class="about-tel-fl about-tel-fl- myxunpan01 ">
                    <div class="about-tel-fl-01-c clearfix myxunpan02">
                        <div class="about-tel-fl-01-cp about-tel-fl-01-cp- clearfix fl">
                            <div class="about-tel-input about-tel-input- fl"><input class="inp01 inp01-" id="int04"
                                                                                    placeholder="某某某"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp about-tel-fl-01-cp- clearfix fl">
                            <div class="about-tel-input about-tel-input- fl"><input class="inp01 inp01-" id="int05"
                                                                                    placeholder="电话"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp about-tel-fl-01-cp- about-tel-fl-01-cp-01 myxunpan03 clearfix fl">
                            <div class="about-tel-input about-tel-input- fl"><input class="inp01 inp01-" id="int06"
                                                                                    placeholder="Emial"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp about-tel-fl-01-cp- clearfix fl">
                            <div class="about-tel-input about-tel-input- fl"><input class="inp01 inp01-" id="int07"
                                                                                    placeholder="公司名称"></div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                        <div class="about-tel-fl-01-cp about-tel-fl-01-cp- about-tel-fl-01-cp3 about-tel-fl-01-cp3- fl clearfix">
                            <div class="about-tel-input about-tel-input- fl"><textarea class="inp01 inp01- inp03"
                                                                                       id="int08"
                                                                                       placeholder="内容"></textarea>
                            </div>
                            <div class="about-tel-error fr gr1"><img class="about-tel-error-img"
                                                                     src="{{asset('assets/img/index/p05-01.png')}}"/><span
                                        class="com-j2"></span></div>
                        </div>
                    </div>
                    <div class="about-tel-fl-01-t2 about-tel-fl-01-t2-" onclick="submit02()">发送</div>
                </div>

            </div>
            <div class="container-close hide">【关闭】</div>
        </div>

    </div>
</div>
<script src="{{asset('assets/js/jquery.min.js')}}"></script>
<script src="{{asset('assets/js/font-size.js')}}"></script>
<!--FANYE-->
<script src="{{asset('assets/js/scroll/jquery.mousewheel.js')}}"></script>
<script src="{{asset('assets/js/scroll/jquery.jscrollpane.js')}}"></script>

<script src="{{asset('assets/js/common.js')}}"></script>

<!--swiper-->
<script src="{{asset('assets/js/swiper.min.js')}}"></script>
<script src="{{asset('assets/js/pro.js')}}"></script>

<script type="text/javascript">
</script>
</body>
</html>
